<template>
    <div class="comming">
        <div class="hopeful">
            <movierow :comminglist="commingList" :showrow="1"></movierow>
            </div>
        <div class="coming">
            <movie-list v-for="(citem,i) in commingList " :key="i"  :mitem="citem"></movie-list>
            </div>
    </div>
</template>

<script>
import MovieList from './movieList.vue';
import axios from 'axios';
import Movierow from './movierow.vue'


export default {
    name:'comming',
    components:{
        MovieList,
        Movierow,
    },
    data(){
        return{
            movieList:[],
            commingList:[],
        };
    },
    created(){
        axios.post('/api/movie/selectMovieinfo').then(res => {
            res.data.forEach(element => {
                if (!element.globalReleased) {
                    this.commingList.push(element);
                }
            });
            this.movieList = res.data;
        })
    },
}
</script>

<style scoped>
.hopeful{
    margin: 0;
    padding: 0;
    
}
</style>